<!DOCTYPE html>
<html>
      <head>
       <meta charset="ut f-8">
       <meta name="viewport" content="device-width,initial-scarle=1.0,maximum-scale=1.0,user-scalable=0">
       <title>爱奇艺</title>
       <style>
       @media screen and (max-width:360px) {
         div{width:200px;
         height:100%;}
        
       }
       
       
       
       .tubiao { height:100%; display:flex; align-items:center;}
       
              
          .left {align-items:center;
                display:flex;
            border:3px solid #00be06;
                  border-radius:5px; 
                margin-right: 3px; 
                height:20px;
                width:16px;}
          
          .right {width:3px; 
                  height:14px;
             background:#00be06;
             display:block;
             align-items:center;
            /* margin:7px 3px; */}
           
           .lianggang {margin:0 auto;
                         width:10px; 
                   height:4px; 
                   border:3px solid #00be06;
                    display:block;
                          border-left:0;
                  border-right:0;
                align-items:baseline;          }
                                
          
    .front-icon{
                 float: left;
                  display: inline-block;
                  position: relative;
                  padding-left: 38px;
                  color: #222;
                  cursor: default;
                  text-decoration: none;
        }
        .header{
             position:relative;
             margin-bottom: 15px;
               
        }
        .icon{
            position: absolute;
              top: 50%;
              left: 0;
              margin-top: -14px;
              background-position: 0 0;
              width: 28px;
              height: 28px;
              background: url(sprite-channelTitle-icons@2x-0422.png) no-repeat 50%;
              background-color: rgba(0, 0, 0, 0);background-repeat: no-repeat;
              background-attachment: scroll;
              background-image: url("sprite-channelTitle-icons@2x-0422.png");background-origin: padding-box;
              background-clip: border-box;
              background-size: 400px 120px;
              font-size: 0;
              font-weight: 400;
        }
        .h2{font-size:24px;font-weight:400;line-height: 28px;float: left}
        .link{padding-left:20px;overflow:hidden;font-size: 14px;color: #222;}
        .text-link{line-height: 16px;font-size:14px;font-weight:400px;color:#222;text-decoration:none;font-family: PingFangSC-Regular, Helvetica, Arial, Microsoft Yahei, sans-serif;}
        .flex-container{ align-items: flex-end; 
          display:flex;
          width:920px;
            height:28px;}
        .slash{padding-left: 10px;
               padding-right:10px;
               color:#00be06;
               font-size:14px;}

        .list{
            font: 12px/1.5 PingFangSC-Regular,Helvetica,Arial,Microsoft Yahei,sans-serif;
            margin: 0;padding: 0;

        }
        .ul{
          width: 100%;
          font-size: 0;
          white-space: nowrap;
        }
        .li{
          vertical-align: top;
          display:inline-block;
          margin-right: 5px;
        }
        .horizon{
               width: 180px;
        }
        .wrap{
           z-index: 1;
           position: relative;
        }

        .link1{
             width:180px;
             height:101px;
             z-index: 1;
               position: relative;
               display: block;
               overflow: hidden;
               font-size: 0;
               white-space: nowrap;
}
        }

        .cover{
             display:block;
             width:100%;
             height:100%;
             backface-visibility: hidden;
            }
        .icon-br{
              position: absolute;
              bottom: 5px;
              right: 5px;
        }
        .label{
            display: inline-block;
              font-size: 12px;
              line-height: 20px;
              color: #fff;
              background: rgba(0,0,0,.6);
              padding: 0 7px;
              border-radius: 10px;
        }
        .title-wrap{
                 height: 44px;
                 overflow:hidden;
                 position: relative;
                   background: #f8f8f8;
                   line-height: 1;
                   padding: 6px 10px;
                   margin: 0;
        }
        .main{
           height: 44px;
           white-space: normal;
           text-overflow: clip;
           display: -webkit-box;
           -webkit-line-clamp: 2;
             -webkit-box-orient: vertical;
             line-height: 22px;
             font-size: 14px;
             vertical-align: baseline;
             overflow: hidden;
             margin: 0;
             padding: 0;

        }
        .link-text{
                text-overflow: clip;
                display:block;
                overflow: hidden;
                color: #222;
                line-height: 22px;
                font-size: 14px;
        }
        </style>

      </head>
      
      <body>
        <div>
          <div class="header">
           <div class="flex-container" >
        <div class="tubiao">
         <span class="left">
           <span class="lianggang"></span>
         </span>
         
         <span class="right"></span>
         </div>
            <a class="front-icon"title="今日焦点">
             
             <div class="h2">今日焦点</div>
            </a>
            <a class="icon">
              <span class="icon"></span>
            </a>
            
            <div class="slash">/</div>
            <div class="link">
              <a class="text-link"rseat="712211_focus_A_tag2"target="_blank"title="【70年70城】记住洛阳！"href="https://www.iqiyi.com/v_19rvhdg1u0.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_tag2">【70年70城】记住洛阳！
              </a>
            </div>
            <div class="slash">/</div>
            <div class="link">
              <a class="text-link"rseat="712211_focus_A_tag2"target="_blank"title="更多热点>"href="https://www.iqiyi.com/feed/?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_tag2">更多热点></a></div>
           </div>
          </div>
 
          <div style="position:relative; overflow: hidden;">
            <div class="list" style="position:static; margin-left:0px;">
            <ul class="ul">
            <li class="li">
              <div class="horizon">
              <div class="wrap">
                 <a class="link1" title="英警方确认货车惨案25名遇难者为越南人 https://www.iqiyi.com/v_19rvlyqchc.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image1 "rseat="712211_focus_A_image1"target="_blank">
                 <img class="cover" alt="英警方确认货车惨案25名遇难者为越南人" src="https://pic9.iqiyipic.com/image/20191029/f3/0d/v_140233494_m_601_m1_220_124.jpg"
                  rseat="712211_focus_A_image1" />
                 <div class="icon-br">
                  <span class="label">02:49</span>
                 </div>
           </a>
           </div>
           <div class="title-wrap">
            <p class="main">
              <a class="link-text" rseat="712211_focus_A_title1"title="英警方确认货车惨案25名遇难者为越南人"href=" https://www.iqiyi.com/v_19rvlyqchc.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image1"target="_blank">
                <span>英警方确认货车惨案25名遇难者为越南人</span>
              </a>
            </p>
            </div>
           </div>
           </li>
            <li class="li">
              <div class="horizon">
                <div class="wrap">
                  <a class="link1" title="社会百态 : 成都西华大学食堂着火"href="https://www.iqiyi.com/v_19rvlnxuag.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image2"rseat="712211_focus_A_image2"target="_blank">
                  <img class="cover" alt="社会百态 : 成都西华大学食堂着火"
                        src="https://pic2.iqiyipic.com/image/20191029/1c/8e/v_140269616_m_601_220_124.jpg" rseat="712211_focus_A_image2"rseat="712211_focus_A_image2" >
                        <div class="icon-br">
                          <span class="label">10-29期</span>
                        </div>
                       </a>
                    </div>

                <div class="title-wrap">
                  <p class="main">
                    <a class="link-text"rseat="712211_focus_A_title2" title="社会百态 : 成都西华大学食堂着火 "href="https://www.iqiyi.com/v_19rvlnxuag.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image2"target="_blank">
                    <span>社会百态 : 成都西华大学食堂着火</span>
                    </a>
                  </p>  
                </div>
                </div>
                </li> 
                <li class="li">
                  <div class="horizon">
                    <div class="wrap">
                      <a class="link1"title="看见环球VIDEO : 菲律宾发生6.6级地震"href="https://www.iqiyi.com/v_19rvm5id6w.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image3"rseat="712211_focus_A_image3"target="_blank">
                      <img class="cover" alt="看见环球VIDEO : 菲律宾发生6.6级地震"src="https://pic0.iqiyipic.com/image/20191029/7b/b5/v_140244390_m_601_220_124.jpg"rseat="712211_focus_A_image3">
                      <div class="icon-br">
                        <span class="label">10-29期</span>
                      </div>
                        </a>
                    </div>
                    <div class="title-wrap">
                      <p class="main">
                        <a class="link-text"rseat="712211_focus_A_title3"title="看见环球VIDEO : 菲律宾发生6.6级地震"href="https://www.iqiyi.com/v_19rvm5id6w.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image3"target="_blank">
                          <span>看见环球VIDEO : 菲律宾发生6.6级地震</span>
                        </a>
                      </p>
                    </div>
                      </div>
                </li>
                <li class="li">
                  <div class="horizon">
                    <div class="wrap">
                      <a class="link1"title="美国巴尔的摩发生枪案致2死3伤，2名嫌疑人仍在逃"href="https://www.iqiyi.com/v_19rvm32l24.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image4"rseat="712211_focus_A_image4"target="_blank">
                      <img class="cover" alt="美国巴尔的摩发生枪案致2死3伤，2名嫌疑人仍在逃"src="https://pic9.iqiyipic.com/image/20191029/3f/79/v_140253054_m_601_220_124.jpg"rseat="712211_focus_A_image4">
                      <div class="icon-br">
                        <span class="label">00:32</span>
                      </div>
                        </a>
                    </div>
                    <div class="title-wrap">
                      <p class="main">
                        <a class="link-text"rseat="712211_focus_A_title4"title="美国巴尔的摩发生枪案致2死3伤，2名嫌疑人仍在逃"href="https://www.iqiyi.com/v_19rvm32l24.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image4"target="_blank">
                          <span>美国巴尔的摩发生枪案致2死3伤，2名嫌疑人仍在逃</span>
                        </a>
                      </p>
                    </div>
                      </div>
                  </li>
                  <li class="li">
                  <div class="horizon">
                    <div class="wrap">
                      <a class="link1"title="《奇葩说6》全季精彩看 李诞现场“转发”杨超越"href="https://www.iqiyi.com/v_19rvlrfbvg.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image5"rseat="712211_focus_A_image5"target="_blank">
                      <img class="cover" alt="《奇葩说6》全季精彩看 李诞现场“转发”杨超越"src="https://pic2.iqiyipic.com/common/lego/20191029/b6eb68a72db040f9ae9a594a80ecb8b2.webp"rseat="712211_focus_A_image5">
                      <div class="icon-br">
                        <span class="label">04:57</span>
                      </div>
                        </a>
                    </div>
                    <div class="title-wrap">
                      <p class="main">
                        <a class="link-text"rseat="712211_focus_A_title5"title="《奇葩说6》全季精彩看 李诞现场“转发”杨超越"href="https://www.iqiyi.com/v_19rvlrfbvg.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image5"target="_blank">
                          <span>《奇葩说6》全季精彩看 李诞现场“转发”杨超越</span>
                        </a>
                      </p>
                    </div>
                      </div>
                  </li>
                  <li class="li">
                  <div class="horizon">
                    <div class="wrap">
                      <a class="link1"title="耐撕大片 : 施瓦辛格pk成龙"href="https://www.iqiyi.com/v_19rvl9owl4.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image6"rseat="712211_focus_A_image6"target="_blank">
                      <img class="cover" alt="耐撕大片 : 施瓦辛格pk成龙"src="https://pic3.iqiyipic.com/common/lego/20191029/1f0ed4fed9fe453889f2150d07f3d87c.webp"rseat="712211_focus_A_image6">
                      <div class="icon-br">
                        <span class="label">10-29期</span>
                      </div>
                        </a>
                    </div>
                    <div class="title-wrap">
                      <p class="main">
                        <a class="link-text"rseat="712211_focus_A_title6"title="耐撕大片 : 施瓦辛格pk成龙"href="https://www.iqiyi.com/v_19rvl9owl4.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image6"target="_blank">
                          <span>耐撕大片 : 施瓦辛格pk成龙</span>
                        </a>
                      </p>
                    </div>
                      </div>
                  </li>


          </div>
          </div>
          </div>
           
           


    
      </body>
</html>
